:root{
    --color: #ea7924;
    --color-2: #221f20;
    --color-3: #eca621;
    --color-4: #661f13;
    --color-5: #c94a26;
    --text-color: #fff;
}





/* ==========
Menu banner section
=========== */
.menu_banner{
    background-image: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%), url(../image/banner-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 50px 0;
}
.banner_content h2{
    color: var(--color);
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 15px;
}
.banner_content p{
    color: var(--text-color);
    font-size: 18px;
}
.banner_content p i{
    color: var(--color-5);
    font-size: 16px;
}
.banner_content p span{
    color: var(--color);
}








/* ==========
Menu section
=========== */
.menu_section{
    background: var(--color-2);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: var(--color);
}
.nav-pills .nav-link{
    border: 1px solid var(--color);
    color: var(--text-color);
    margin-right: 10px;
    margin-bottom: 10px;
}
.nav-pills .nav-link:hover{
    background: var(--color);
}
.item_content_box{
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 12px;
    margin: 10px;
}
.head_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head_item .item_name{
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-right: 20px;
}
.head_item .item_name h2{
    color: var(--text-color);
    font-size: 28px;
    width: 90%;
}
.head_item .item_name i{
    color: var(--color-5);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid var(--color-5);
    border-radius: 50%;
    font-size: 17px;
    margin-left: 10px;
    cursor: pointer;
}
.head_item .item_price span{
    color: var(--text-color);
    font-size: 25px;
}
.item_content p{
    color: #ddd;
}
.item_desciption p a{
    color: var(--color-5);
}
.item_desciption .collapse .card-body ul li{
    list-style: disc;
    margin-bottom: 3px;
}
.card-body{
    padding: 10px 1rem;
}